html,body{
	width:100%;
	height:100%;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, "Pingfang SC", "Microsoft Yahei", "WenQuanYi Micro Hei", sans-serif;
	background-color: #fff;
	color: #3c3c3c;
	font-size: 16px;
	line-height: 1.4;
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
i,em,strong{
	font-style:normal;
	font-weight: normal;
}
*{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
	color:#555;
}
li{
	list-style:none;
}
input{
	border:none;
	outline: none;
	display: inline-block;
}
.slide-right-leave-active,
.slide-left-enter-active,
.slide-left-leave-active,
.slide-right-enter-active{
	transition: transform .2s cubic-bezier(0,.49,.11,1.04);
}

.slide-left-enter,
.slide-left-leave-to{
	-webkit-backface-visibility:hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform:translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0)
}
.slide-right-enter,
.slide-right-leave-to{
	-webkit-backface-visibility:hidden;
	-webkit-transform-style: preserve-3d;
	-webkit-transform:translate3d(100%,0,0);
	transform: translate3d(100%,0,0)
}
.opacity{
	@keyframes opcity-animation{
		0%{
			opacity:1;
		}
		50%{
			opacity:1;
		}
		100%{
			opacity:0;
		}
	}
}
.body_wrap{
	position:absolute;
	height:100%;
	width:100%;
	background: rgba(28,56,93,1);
}
.maincontent{
	min-height: 100.2%;
}
